/* DESIGN  */
/*<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>*/
/* ELEMENTS -------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:700);
@import url(http://fonts.googleapis.com/css?family=Lato:300);
body { font-size:15px;color:#353437;font-family: 'Lato', sans-serif;background: #ccd5e5 url(../images/body-bg.png) no-repeat center top; background-size:100%; min-width:1200px;} 
h1{color:#765c99;font-size: 29px;padding-bottom:20px;font-family: 'Lato', sans-serif;} 
h2, h3, h4, h5, h6 { font-size: 18px; margin-bottom: 10px;  }
h2 { font-size:21px;  font-family: arial; color:#35859c; line-height:24px  }
p { line-height: 22px; margin:10px 0 }
a { color: #353437; text-decoration: underline; transition: all 0.5s ease; font-family: 'Lato', sans-serif;}
a:hover {color:#34859c }
ul { padding-left:25px; margin-bottom:15px }
ol{ list-style:decimal; padding-left:25px}
li { line-height: 22px;  }
img a { transition: all 0.3s ease }
section { text-align: center }
div { text-align: left }
b,strong{ font-weight:bold}
i,em{ font-style:italic}
input{margin-top:15px;}
tr a:hover{color:#599caf}
#content a{}
/* CLASSES */
.active-width { width: 980px; margin: 0 auto; clear:both; }
#top-100:after,#menu-100:after,#top:after,#content-100:after,.slider:after{clear:both;display:block; content:""}

/* TOP  -------------------------------------------------------------------- */
.home #top-100 {background: url(../images/header-rpt.png)repeat-x center top; }
#top-100{background:url(../images/header-rpt-img.png)center top repeat-x #F8F9FB; min-width:1200px;}
#top { padding-top:19px; color: #000; height:146px }
.header-right{width:350px; float:right; }
.header-right span{ display:inline-block;font-weight:300}
.header-right a{float: right; margin-left:5px}
.logo{width:500px;float:left}
.icon{width:124px; float:right}
.call{color: #363636;float:right;font-size: 20px;text-align: right;width: 500px;}

.inner-header-bg{background:url(../images/inner-header-bgn.png)center bottom no-repeat ; height:212px; min-width:1200px; background-size:100% 20%; } 
.home .inner-header-bg{background:none; height:180px; background-size:auto auto;}

.home #top:before{ display:none;}
#top{ position:relative;}
#top:before{background:url(../images/inner-header-bg-design-lower.png)center bottom no-repeat ; position:absolute; content:""; width:1200px; height:68px; left:50%; bottom:-96px; margin-left:-600px;  }

.address { clear: both; font-size: 16px; text-align: right;}

/* MENU  -------------------------------------------------------------------- */

.home #menu-100{ top:160px;}
#menu-100 {background:url(../images/menu-bg.png)no-repeat center top; clear:both; position:absolute;top:160px; z-index:999; height:52px;}
#menu {}


/* CONTENT  -------------------------------------------------------------*/
#content-100{background:url(../images/inside_content-rpt.png)repeat-x center top; min-width:1200px; padding-top:49px;}
.home #content-100 {background: rgba(255,255,255,0.35) url(../images/body-rpt.png)repeat-y center top;clear:both; min-width:1200px; padding-top:0;}
/*#content-100{background:url(../images/slide-rpt.png)repeat-x center top;}*/ 

#content { padding:20px 0 40px 0 }
.metaslider{width:1200px; margin:0 auto;}

.inner-content-bg{background:url(../images/inner-content-bg-desi.png) no-repeat center bottom; min-width:1200px; min-height:350px;}
.home .inner-content-bg{background:none;  min-height:534px;}   
li.widget_search, li.widget_recent_entries, li.widget_archive {list-style:none}
li.widget_recent_entries li, li.widget_archive li {list-style:disc}
 	
/* SIDEBAR  -------------------------------------------------------------------- */

.home .slider-rpt{background:url(../images/slide-rpt.png)repeat-x center top; min-width:1200px; width:100%; float:left; clear:both; padding-top: 20px; background-size:auto 100%; }
.home .slider{width:1200px;margin:auto;background:url(../images/body-rpt.png)repeat-y center top;position:relative; height:550px; min-width:1200px; }


/* FOOTER  -------------------------------------------------------------------- */
#footer-100{background:url(../images/inside_footer-rpt.png) repeat-x center top; height:260px; min-width:1200px; background-size: 100% auto; }
.home #footer-100{background:rgba(255,255,255,0.35) url(../images/body-rpt.png)repeat-y center top; height:auto; min-width:1200px;  }
#footer { background:url(../images/footer-bg.png) center bottom no-repeat; min-height:80px; padding-top:176px; min-width:1200px;  }
.home #footer{padding-top:45px }
#footer p{text-align:center;color:#8e75b6; margin:20px 0 0 0; font-size:16px;font-family: 'Lato', sans-serif; font-weight:bold}
.menu-footer-menu-container{ text-align:center}
.menu-footer-menu-container ul{ padding:0; margin:0;}
.menu-footer-menu-container ul li{ display:inline-block; list-style:none}
.menu-footer-menu-container ul li a{ color:#353437; font-size:15px; text-decoration:none}
.flexslider .slides{clear:both}

.metaslider.slides img{ display: block;padding-top:50px;width: 100%;}
.home .appointment{position:absolute; right:190px; top:245px;display:block;}
.appointment{display:none}


.sidebar {float: leftright;width: 200px;}

.content-right {width: 700px; float:right}

.widget-title {padding-top:15px;}
.navigation li {float: left;list-style: outside none none;padding-left: 10px;}
.navigation li a:hover{color:#35879e}
.navigation li.active a{ color:#34859c}
#recent-posts-2 a:hover #archives-2 a:hover{color:#35879e}
.navigation{padding-top:25px}
.navigation ul{margin:0px;padding:0px}

#post-thumbnail {  float: right;  margin-left: 30px;}
.navigation li {
    border: 1px solid #564527;
    display: inline-block;
    line-height: normal;
    list-style: none outside none;
    margin-right: 10px;
    padding: 2px 8px;}
.comment a{margin-bottom:20px;display:block;clear:both}
.sidebar h3 {  font-size: 20px;  margin-bottom: 15px;}
.form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input{ background:#fff}
.pad-right10{ padding-right:20px}

.logo a{ display:block; }
#toggle { display: none;}


.page-patient-forms #content p a img { display: block; float: left; margin-right: 30px;}


@media only screen and (max-width : 1199px) {	

body, #top-100, .inner-header-bg{ min-width:100%}

.active-width{ width:100%; padding:0 15px; box-sizing:border-box; }

#menu-100{ background-size:100% 100%;}

.logo { width: 50%;}

.logo img { width: 100%;}

.header-right { max-width: 350px; width: 100%;}

.home #menu-100, #menu-100 { left: 50%; margin-left: -450px;}

.home .slider-rpt, .home .slider{ min-width:100%; width:100%; }
.metaslider{ width:100%;}
.home .slider-rpt{ padding-top:30px;}
.home .slider{ height:auto;}


.home #content-100{ width:100%; }
#content-100{ min-width:100%;}
.inner-content-bg{ width:100%; height:auto; min-width:100%; }

.home #content-100{ min-width:100%;}
.home #content { padding: 20px 15px 40px;}
.inner-content-bg{ min-width:100%; }
.home #content-100{ width:100%; }

#content p:nth-child(5) { margin-bottom: 30px;}

.home #footer-100, #footer{ min-width:100%; }
.home #footer{ padding-bottom:15px;}


#content-100{min-width: 100%;}
#content { padding: 50px 15px 40px;}
#footer-100{min-width:100%;}


#content-100{ padding-top:0;}

#top:before { background-size: 100% 100%; bottom: auto; left: 0; margin-left: 0; top: 195px; width: 100%;}

.inner-content-bg #content table tr td{ width:50%; display:inline-block;}
.inner-content-bg #content table tr td p img { margin-right: 0; width:100%; height:auto;}



}


@media only screen and (max-width : 991px) {
	
.logo{ margin-top:20px}

.home #menu-100, #menu-100 { margin-left: -375px;}

#menu ul li a{ font-size: 16px; padding: 8px 11px;}

.home .slider-rpt { padding-top: 32px;}
.slider-rpt .slider .metaslider .slides .caption-wrap{ top:34%;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption { width: 750px; padding:0;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption p{ font-size:33px; margin-bottom:19px;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption a{padding: 7px 11px 8px;}

#top:before {  top: 195px;}

.page-cupertino-dental-office home #content table{ margin-top:0;}
.page-cupertino-dental-office #content table tr td{ width:100%;}

#content table { margin-top: 30px;}
.inner-content-bg #content table tr td:first-child { margin-right: 56px; padding-right:0;}
.inner-content-bg #content table tr td { vertical-align: top; width: 46%;}

#content p:nth-of-type(6) iframe { width: 100%;}



}







@media only screen and (max-width : 767px) {

.logo { width: 100%; margin-top:0; text-align:center; margin-bottom: 20px; }
.logo img { max-width: 400px; width: 100%; margin:0 auto;}

.header-right { float: none; margin: 0 auto; clear:both; }
.icon { clear: both; float: none; margin: 0 auto; text-align: center !important; width: 100%;}
.header-right a{ float: none;}

.call { float: none; margin-top: 20px; text-align: center; width: 100%; clear:both;}
.address { margin-bottom: 20px;}


.home #menu-100, #menu-100 { display: none;}
#top { background: #fff ; height: auto;}


#toggle { background: #4f4068 ; color: #fff; font-size: 20px; padding: 10px 15px; cursor:pointer; position:relative; z-index:99; display:block;}
.menu-main-menu-container { background: #fff !important;}
#menu-main-menu { margin: 0; padding: 0; }
#menu-main-menu li { list-style: none;}
#menu-main-menu li a { display: block; padding: 10px 15px; text-decoration: none; font-size:17px; transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s;}
#menu-main-menu li a:hover, #menu-main-menu li a:active { background: #4f4068 ; color:#fff;}

.home .slider-rpt { padding-top: 0;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption { width: 100%;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption p { font-size: 24px; max-width: 210px;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption a { font-size: 12px; padding: 7px 7px 8px;}



.home .inner-header-bg, .inner-header-bg{ height:auto;}
.inner-content-bg #content p:nth-of-type(1) a img { height: auto; margin-right: 0; width: 100%;}
#top:before { top: 315px;}

.inner-content-bg #content table tr td:first-child { margin-right: 44px;}

.page-patient-forms #content p a img{ margin-right:0;}

.single-education #content p img { height: auto; width: 100%; margin-right:0; }



}

@media only screen and (max-width : 640px) {

#content { padding: 40px 15px;}

.slider-rpt .slider .metaslider .slides .caption-wrap .caption .caption-inner { max-width: 170px; margin-right:20px;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption p{ font-size:22px; line-height:26px; }

#content-100 { padding-top: 30px;}
#top:before { background-size: 100% 70%; top: 297px;}

.inner-content-bg #content table tr td:first-child { margin-bottom: 20px; margin-right: 0;}
.inner-content-bg #content table tr td { width: 100%;}
.inner-content-bg #content table tr td p img { height: auto;}




}



@media only screen and (max-width : 480px) {

.logo{ margin-bottom:15px;}
.address { float: none; margin: 15px auto 20px; max-width: 250px; text-align: center;  width: 100%;}
.slider-rpt .slider .metaslider .slides .caption-wrap .caption{ display:none;}

.home #content h1 { font-size: 20px; line-height: 25px;}
.home #footer-100{ background-image: none;}
#footer{ background-image: none;}
.home #footer { padding-top: 5px;}

#content { padding: 20px 15px 40px;}


#footer-100{ height:auto}
#footer{ padding-bottom:20px; padding-top:0;}

.inner-content-bg #content h2 img { height: auto; margin: 30px 0; width: 100%;}
#top:before{ display:none;}

#content p:nth-of-type(1) iframe { width: 100% !important;}

.single #content p img { height: auto; margin: 20px 0; width: 100%;}


}